.footer{
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 10;
  font-size:.24rem;
  >div{
    height:.98rem;
    background: #FFFFFF;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.10);
  }
  a{
    text-align: center;
    color:#666;
    i{
      display: inline-block;
      width: .4rem;
      height: .38rem;
    }
    .icon-home{
      background: url("../../assets/images/foot/icon-home.svg") center no-repeat;
    }
    .icon-category{
      background: url("../../assets/images/foot/icon-category.svg") center no-repeat;
    }
    .icon-purchase{
      background: url("../../assets/images/foot/icon-purchase.svg") center no-repeat;
    }
    .icon-mine{
      background: url("../../assets/images/foot/icon-me.svg") center no-repeat;
    }
    p{
      margin-top: .05rem;
      font-size: .2rem;
    }
  }
  .cur{
    color: #FF4A4A;
    .icon-home{
      background: url("../../assets/images/foot/icon-home-a.svg") center no-repeat;
    }
    .icon-category{
      background: url("../../assets/images/foot/icon-category-a.svg") center no-repeat;
    }
    .icon-purchase{
      background: url("../../assets/images/foot/icon-purchase-a.svg") center no-repeat;
    }
    .icon-mine{
      background: url("../../assets/images/foot/icon-me-a.svg") center no-repeat;
    }

  }


}
